import Vue from 'vue'
import VueRouter from 'vue-router'
import BeginnerPage from '../views/BeginnerPage.vue'
import IntermediatePage from '../views/IntermediatePage.vue'
import AdvancedPage from '../views/AdvancedPage.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Beginner',
    component: BeginnerPage
  },
  {
    path: '/intermediate',
    name: 'Intermediate',
    component: IntermediatePage
  },
  {
    path: '/advanced',
    name: 'Advanced',
    component: AdvancedPage
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
